<template>
	<view class="page-header title-height">
		<text class="page-title">{{ title }}</text>
	</view>
</template>

<script setup>
	defineProps({
		title: {
			type: String,
			required: true
		}
	})
</script>

<style scoped lang="scss">
@import '@/uni.scss';
.page-header {
	background: transparent;
  height: $title-height;
  line-height: $title-height;
  padding-left: 30rpx;
}

.page-title {
	font-size: 32rpx;
	font-weight: bold;
	color: #333;
}
</style>